<!DOCTYPE html>
<html lang="en">
<head>


<meta charset="utf-8">
<title>Brixit Solutions · Under Construction</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->


<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="tweet/jquery.tweet.css" media="all" rel="stylesheet"
	type="text/css">

<style>

/* GLOBAL STYLES
    -------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
	padding-bottom: 40px;
	color: #5a5a5a;
}

/* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	position: relative;
	z-index: 10;
	margin-top: 20px;
	margin-bottom: -90px;
	/* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}

/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner {
	border: 0;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}

/* Downsize the brand/project name a bit */
.navbar .brand {
	padding: 14px 20px 16px;
	/* Increase vertical padding to match navbar links */
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
}

/* Navbar links: increase padding for taller navbar */
.navbar .nav>li>a {
	padding: 15px 20px;
}

/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
	margin-top: 10px;
}

/* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 60px;
}

.carousel .container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.carousel-control {
	background-color: transparent;
	border: 0;
	font-size: 120px;
	margin-top: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.carousel .item {
	height: 500px;
}

.carousel img {
	min-width: 100%;
	height: 500px;
}

.carousel-caption {
	background-color: transparent;
	position: static;
	max-width: 550px;
	padding: 0 20px;
	margin-bottom: 100px;
}

.carousel-caption h1,.carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.carousel-caption .btn {
	margin-top: 10px;
}

/* MARKETING CONTENT
    -------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .span4 {
	text-align: center;
}

.marketing h2 {
	font-weight: normal;
}

.marketing .span4 p {
	margin-left: 10px;
	margin-right: 10px;
}

/* Featurettes
    ------------------------- */
.featurette-divider {
	margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

.featurette {
	padding-top: 120px;
	/* Vertically center images part 1: add padding above and below text. */
	overflow: hidden;
	/* Vertically center images part 2: clear their floats. */
}

.featurette-image {
	margin-top: -120px;
	/* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
	margin-right: 40px;
}

.featurette-image.pull-right {
	margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}

/* RESPONSIVE CSS
    -------------------------------------------------- */
@media ( max-width : 979px) {
	.container.navbar-wrapper {
		margin-bottom: 0;
		width: auto;
	}
	.navbar-inner {
		border-radius: 0;
		margin: -20px 0;
	}
	.carousel .item {
		height: 500px;
	}
	.carousel img {
		width: auto;
		height: 500px;
	}
	.featurette {
		height: auto;
		padding: 0;
	}
	.featurette-image.pull-left,.featurette-image.pull-right {
		display: block;
		float: none;
		max-width: 40%;
		margin: 0 auto 20px;
	}
}

@media ( max-width : 767px) {
	.navbar-inner {
		margin: -20px;
	}
	.carousel {
		margin-left: -20px;
		margin-right: -20px;
	}
	.carousel .container {
		
	}
	.carousel .item {
		height: 300px;
	}
	.carousel img {
		height: 300px;
	}
	.carousel-caption {
		width: 65%;
		padding: 0 70px;
		margin-bottom: 40px;
	}
	.carousel-caption h1 {
		font-size: 30px;
	}
	.carousel-caption .lead,.carousel-caption .btn {
		font-size: 18px;
	}
	.marketing .span4+.span4 {
		margin-top: 40px;
	}
	.featurette-heading {
		font-size: 30px;
	}
	.featurette .lead {
		font-size: 18px;
		line-height: 1.5;
	}
}
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->

<link rel="shortcut icon" href="ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="ico/apple-touch-icon-57-precomposed.png">

<link href="jquery.tweet.css" media="all" rel="stylesheet"
	type="text/css">
</head>

<body>
	<!-- NAVBAR
    ================================================== -->
	<!-- Wrap the .navbar in .container to center it on the page and provide easy way to target it with .navbar-wrapper. -->
	<div class="container navbar-wrapper">
		<div class="navbar navbar-inverse">
			<div class="navbar-inner">
				<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">Brixit Solutions</a>
				<!--<img src="img/examples/logo.png" alt="">-->
				<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="#">Inicio</a></li>
						<li><a href="#servicios">Servicios</a></li>
						<li><a href="#nosotros">Acerca de Nosotros</a></li>
						<li><a href="#contacto">Contacto</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!-- /.navbar-inner -->
		</div>
		<!-- /.navbar -->

	</div>
	<!-- /.container -->



	<!-- Carousel
    ================================================== -->
	<div id="myCarousel" class="carousel slide">
		<div class="carousel-inner">
			<div class="item active">
				<img src="img/examples/slide-01.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>Desarrollos Web</h1>
						<p class="lead">Contamos con especialistas en todas las &aacute;reas relacionadas con el relevamiento, diseño, construcci&oacute;n e implementación de portales WEBs</p>
						<a class="btn btn-large btn-primary" href="#servicios">Mas informaci&oacute;n...</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="img/examples/slide-02.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>Soporte Tecnico.</h1>
						<p class="lead">Contamos con una amplia gama de servicios y abonos que se ajustan a las necesidades de empresas de cualquier envergadura</p>
						<a class="btn btn-large btn-primary" href="#servicios">Mas informaci&oacute;n...</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="img/examples/slide-03.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>Consultoria.</h1>
						<p class="lead">Bridamos consultoría sobre Project Management, Quality Management y Software Development</p>
						<a class="btn btn-large btn-primary" href="#servicios">Mas informaci%oacute;n...</a>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
	</div>
	<!-- /.carousel -->

	<!-- Marketing messaging and featurettes
    ================================================== -->
	<!-- Wrap the rest of the page in another container to center all the content. -->

	<div class="container marketing">
		<!-- Three columns of text below the carousel -->
		<div class="row">
			<div class="span4">
				<img class="img-circle" src="img/examples/success.jpg">
				<h2>Casos de &Eacute;xito</h2>
				<p>Algunos de nuestros clientes expresan su opini&oacute;n
					respecto a los productos que ofrecemos</p>
				<p>
					<a class="btn" href="#">La voz de nuestros clientes »</a>
				</p>
			</div>
			<!-- /.span4 -->
			<div class="span4">
				<img class="img-circle" src="img/examples/cust.jpg">
				<h2>Productos</h2>
				<p>
					Nuestro portfolio de productos nos permiten generar soluciones mas
					r&aacute;pidas de alta calidad.<br>
				</p>
				<p>
					<a class="btn" href="#">Quienes conf&iacute;an en nosotros»</a>
				</p>
			</div>
			<!-- /.span4 -->
			<div class="span4">
				<img class="img-circle" src="img/examples/staticmap.png">
				<h2>Servicios</h2>
				<p>Ofrecemos servios de consultor&iacute;a, gerenciamiento de
					proyectos multidiciplinarios y paquetes soporte t&eacute;cnico para
					su empresa</p>
				<p>
					<a class="btn" href="#">Como encontrarnos »</a>
				</p>
			</div>
			<!-- /.span4 -->
		</div>
		<!-- /.row -->
		<!-- START THE FEATURETTES -->
		<hr class="featurette-divider">
		<section id="servicios"></section>
		<div class="featurette">
			<h2 class="featurette-heading">Servicios</h2>
			<p class="lead">-----en construcción---</p>
		</div>
		<p class="pull-right">
			<i class="icon-arrow-up"></i><a href="#">Back to top</a>
		</p>

		<hr class="featurette-divider">
		<section id="nosotros"></section>
		<div class="featurette">
			<h2 class="featurette-heading">Acerca de nosotros</h2>
			<p class="lead">Somos un grupo de profesionales con mas de quince años de experiencia en el rubro informático. Nuestra trayectoria y experiencia en proyectos avalan la calidad de nuestros de procesos y garantizan la satisfacción de nuestros clientes. En Brixit nuestro compromiso es acompañar a nuestros clientes  brindando soluciones  para asegurar el éxitos de sus negocios.</p>
			<img class="img-polaroid" src="img/examples/pancho.jpg" align="left">
			<img class="img-polaroid" src="img/examples/mostro.jpg" align="right">
		</div>
		<p class="pull-right">
			<a href="#">Back to top</a>
		</p>


	
		<hr class="featurette-divider">
		<section id="contacto"></section>
		<div class="featurette">
			<img class="featurette-image pull-right"
				src="img/examples/browser-icon-safari.png">
			<h2 class="featurette-heading">
				Contact Us. <span class="muted">Ponete en contacto con
					nosotros.</span>
			</h2>
			<p class="lead">Si querés saber más de nosotros...</p>
		</div>
		<p class="pull-right">
			<a href="#">Back to top</a>
		</p>

		<hr class="featurette-divider">

		<!-- /END THE FEATURETTES -->

		<!-- FOOTER -->
		<footer> </footer>
		<p class="pull-right">
			<a href="#">Back to top</a>
		</p>
		<i class="icon-align-left"></i>
		<p>
			© 2012 Brixit Solutions·<a href="#">Privacy</a> · <a href="#">Terms</a>
		</p>


	</div>
	<!-- /.container -->

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap-transition.js"></script>
	<script src="js/bootstrap-alert.js"></script>
	<script src="js/bootstrap-modal.js"></script>
	<script src="js/bootstrap-dropdown.js"></script>
	<script src="js/bootstrap-scrollspy.js"></script>
	<script src="js/bootstrap-tab.js"></script>
	<script src="js/bootstrap-tooltip.js"></script>
	<script src="js/bootstrap-popover.js"></script>
	<script src="js/bootstrap-button.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<script src="js/bootstrap-carousel.js"></script>
	<script src="js/bootstrap-typeahead.js"></script>
	<!--<script language="javascript" src="js/jquery.js" type="text/javascript"></script>-->
	<script src="tweet/jquery.tweet.js" type="text/javascript"></script>
	<script type="text/javascript">
    	jQuery(function($){
        				$(".tweet").tweet({ 
            				username: "mdostrovsky",
            				join_text: "auto",
				            avatar_size: 48,
				            count: 3,
				            auto_join_text_default: " we said,",
				            auto_join_text_ed: " we",
				            auto_join_text_ing: " we were",
				            auto_join_text_reply: " we replied to",
				            auto_join_text_url: " we were checking out",
			        	    loading_text: "loading tweets..."
        				});
    	});
	</script>
	<script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>
</body>
</html>